<template>
    <view>
        <Header returnIcon="white" :background="background" :title="title" />
        <view class="content" :style="{'min-height': `${noBarHeight}px`}">
            <view class="title">{{ messageForm.title }}</view>
            <view class="user">
                <view class="author">{{ messageForm.author }}</view>
                <view class="time">{{ messageForm.time }}</view>
            </view>
            <view class="text" v-html="message"></view>
        </view>
    </view>
</template>
<script>
import Header from "@/components/Header.vue";
import {articleDetail} from "@/utils/api/common";
var app = getApp()
export default ({
    name: "messageInfo",
    data() {
        return {
            background: 'linear-gradient(0, #5162FD, #8E4EF7)',
            title: '信息详情',
            noBarHeight: app.globalData.noBarHeight,
            id: '',
            messageForm: {
                title: '新能源汽车产业链全景图详解新能源汽车产业',
                author: '赵茜',
                time: '2023-10-1',
                content: '<span> 黑龙江省气象台2023年11月05日17时00分发布暴雪红色预警信号：预计11月5日夜间至6日夜间，哈尔滨、佳木斯、双鸭山、七台河、鸡西、牡丹江过程累计降雪量为20～40毫米，其中牡丹江、鸡西、双鸭山、七台河的局部地区可达40毫米以上。记者从中国铁路哈尔滨局集团有限公司获悉，5日起对京哈、哈齐、牡佳、哈牡高铁及滨洲、滨绥等铁路线路降雪涉及区段启动降雪红色预警哈尔滨铁路部门已启动应急预案，做好应急值守工作，提前与地方各级气象部门建立有效联系机制，加强铁路沿线风速、雪深情况监测，及时发布预警信息，为应急除雪提供监测依据。组织各岗位做好设备抢修、维护、巡检，清雪除冰，旅客疏导，安全防护等应急处置工作，确保人员、行车设备安全。提前调集重型轨道车、汽车、大功率风力除雪机等工具参与应急除雪。对线路、岔区、信号等铁路行车关键设备实行重点盯守，及时发现并消除安全隐患。11月5日—6日哈铁临时增开哈尔滨至牡丹江间6趟动车组，满足降雪恶劣天气旅客出行需求。</span>'
            }
        }
    },
    components: {
        Header
    },
    onLoad(options) {
        this.id = options.id
        this.getDetail()
    },
    methods: {
        getDetail() {
            const params = {
                id: this.id
            }
            articleDetail(params).then(res => {
                console.log(res, 'res---')
            })
        }
    }
})
</script>

<style scoped lang="scss">
.content {
    flex-direction: column;
    width: 100%;
    background: white;
    display: flex;
    box-sizing: border-box;
    padding: 30rpx;
    box-sizing: border-box;
    .title {
        width: 100%;
        font-size: 36rpx;
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        color: #494949;
        line-height: 50rpx;
    }
    .user {
        width: 100%;
        display: flex;
        height: 40rpx;
        font-size: 28rpx;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        color: #9B9B9B;
        line-height: 40rpx;
        .author {
            margin-left: 30rpx;
        }
    }

    .text {
        margin-top: 50rpx;
    }
}
</style>
